<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发布</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/calendar.css">
    <link rel="stylesheet" href="css/post.css">
    <link rel="stylesheet" href="css/editor.css">
    <link rel="stylesheet" href="css/dialog.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content pr spread">
    <div class="SY-SettingBar pf">
        <div class="mainMenu pa">
            <ul>
                <li class="tac">
                    <a href="UserPage.html">
                        <div class="pic home"></div>
                        <p class="text">主页</p>
                    </a>
                </li>
                <li class="tac active">
                    <a href="javascript:void(0);">
                        <div class="pic post"></div>
                        <p class="text">发布</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Supporter.html">
                        <div class="pic support"></div>
                        <p class="text">支持者</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Wallet.html">
                        <div class="pic wallet"></div>
                        <p class="text">钱包</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Notification.html">
                        <div class="pic notification"></div>
                        <p class="text">通知</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="javascript:void(0);">
                        <div class="pic marketing"></div>
                        <p class="text">营销</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Invitation.html">
                        <div class="pic invite"></div>
                        <p class="text">邀请</p>
                    </a>
                </li>
                <li class="tac">
                    <a href="Setting.html" target="_self">
                        <div class="pic setting"></div>
                        <p class="text">设置</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="secondMenu pa">
            <ul>
                <li class="active">
                    <a class="db" href="javascript:void(0);">新的</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">已发送</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">定时发送</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">视频管理</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">直播管理</a>
                </li>
                <li class="">
                    <a class="db" href="javascript:void(0);">草稿箱</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="SY-setContent">
        <div class="SY-wrap">
            <!--发布入口页面-->
            <div class="S-post br5 border1">
                <div class="titleBox">
                    <p class="text">选择发布类型</p>
                </div>
                <div class="postWay clearfix">
                    <a class="item transition db tac publishText" href="javascript:void(0);">
                        <div class="icon text"></div>
                        <p class="txt">文本</p>
                    </a>
                    <a class="item transition db tac publishPic" href="javascript:void(0);">
                        <div class="icon pic"></div>
                        <p class="txt">图片</p>
                    </a>
                    <a class="item transition db tac publishVideo" href="javascript:void(0);">
                        <div class="icon video"></div>
                        <p class="txt">视频</p>
                    </a>
                    <a class="item transition db tac publishLive" href="javascript:void(0);">
                        <div class="icon live"></div>
                        <p class="txt">直播</p>
                    </a>
                    <a class="item transition db tac publishArticle" href="editor.html" target="_blank">
                        <div class="icon article"></div>
                        <p class="txt">文章</p>
                    </a>
                </div>
            </div>
            <!--已发送 & 定时发送 & 草稿箱-->
            <div class="S-posted clearfix dn">
                <div class="leftBar br5 border1 fl">
                    <ul>
                        <li class="tac active"><a href="javascript:void(0);">全部</a></li>
                        <li class="tac"><a href="javascript:void(0);">文本</a></li>
                        <li class="tac"><a href="javascript:void(0);">文章</a></li>
                        <li class="tac"><a href="javascript:void(0);">图片</a></li>
                        <li class="tac"><a href="javascript:void(0);">视频</a></li>
                        <li class="tac"><a href="javascript:void(0);">直播</a></li>
                    </ul>
                </div>
                <div class="allContent fr">
                    <!--空内容提示-->
                    <div class="emptyInfo tac dn">
                        <p class="text">当你定时发送一篇文章时，它会出现在这里。</p>
                        <a class="db tac transition br5" href="javascript:void(0);">发一个帖子</a>
                    </div>
                    <!--加载中-->
                    <div class="loading tac dn"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                    <!--文本-->
                    <div class="item version db br5 border1">
                        <div class="timeBox clearfix">
                            <p class="text fl">
                                <span class="dib icon"></span>
                                <span class="dib time">编辑于2018年02月06日</span>
                            </p>
                            <p class="permission fr"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="main">
                            <a class="content db" href="javascript:void(0);">
                                <h2 class="title toe">标题标题标题标题标题标题标题标题标题</h2>
                                <p class="text">文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容</p>
                            </a>
                            <div class="marks clearfix">
                                <div class="fl">
                                    <i class="fa fa-tag"></i>
                                    <span>#tag1</span>
                                    <span>#tag2</span>
                                    <span>#tag3</span>
                                </div>
                                <div class="fr">
                                    <a class="delete" href="javascript:void(0);">删除</a>
                                    <a class="editor" href="javascript:void(0);">编辑</a>
                                    <a class="post" href="javascript:void(0);">发布</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--文章-->
                    <div class="item essay db br5 border1">
                        <div class="timeBox clearfix">
                            <p class="text fl">
                                <span class="dib icon"></span>
                                <span class="dib time">编辑于2018年02月06日</span>
                            </p>
                            <p class="permission fr"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="main">
                            <a class="content db clearfix" href="javascript:void(0);">
                                <img class="fl pic" src="img/personalCenter/draftBox.jpg" alt="">
                                <div class="fl text">
                                    <h2 class="title">标题标题标题标题标题标题标题</h2>
                                    <p class="txt">文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容</p>
                                </div>
                            </a>
                            <div class="marks clearfix">
                                <div class="fl">
                                    <i class="fa fa-tag"></i>
                                    <span>#tag1</span>
                                    <span>#tag2</span>
                                    <span>#tag3</span>
                                </div>
                                <div class="fr">
                                    <a class="delete" href="javascript:void(0);">删除</a>
                                    <a class="editor" href="javascript:void(0);">编辑</a>
                                    <a class="post" href="javascript:void(0);">发布</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--图片-->
                    <div class="item picture db br5 border1">
                        <div class="timeBox clearfix">
                            <p class="text fl">
                                <span class="dib icon"></span>
                                <span class="dib time">编辑于2018年02月06日</span>
                            </p>
                            <p class="permission fr"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="main">
                            <a class="content db clearfix" href="javascript:void(0);">
                                <div class="pr fl">
                                    <img class="pic" src="https://cdnb.artstation.com/p/assets/images/images/001/670/365/smaller_square/wl-op-7m.jpg?1450505811" alt="">
                                    <span class="pa db tac"><i class="fa fa-picture-o"></i>&nbsp;(6)</span>
                                </div>
                            </a>
                            <div class="marks clearfix">
                                <div class="fl">
                                    <i class="fa fa-tag"></i>
                                    <span>#tag1</span>
                                    <span>#tag2</span>
                                    <span>#tag3</span>
                                </div>
                                <div class="fr">
                                    <a class="delete" href="javascript:void(0);">删除</a>
                                    <a class="editor" href="javascript:void(0);">编辑</a>
                                    <a class="post" href="javascript:void(0);">发布</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--视频-->
                    <div class="item video db br5 border1">
                        <div class="timeBox clearfix">
                            <p class="text fl">
                                <span class="dib icon"></span>
                                <span class="dib time">编辑于2018年02月06日</span>
                            </p>
                            <p class="permission fr"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="main">
                            <a class="content db clearfix" href="javascript:void(0);">
                                <div class="fl pr coverPic">
                                    <img class="pic" src="https://cdnb.artstation.com/p/assets/images/images/001/670/365/smaller_square/wl-op-7m.jpg?1450505811" alt="">
                                    <div class="cover pa tac"><i class="fa fa-play-circle-o"></i></div>
                                </div>
                                <div class="fl detail">
                                    <h2 class="title">标题标题标题标题标题</h2>
                                    <p class="text">简介简介简介简介简介简介简介简介简介</p>
                                </div>
                            </a>
                            <div class="marks clearfix">
                                <div class="fl">
                                    <i class="fa fa-tag"></i>
                                    <span>#tag1</span>
                                    <span>#tag2</span>
                                    <span>#tag3</span>
                                </div>
                                <div class="fr">
                                    <a class="delete" href="javascript:void(0);">删除</a>
                                    <a class="editor" href="javascript:void(0);">编辑</a>
                                    <a class="post" href="javascript:void(0);">发布</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--直播-->
                    <div class="item live db br5 border1">
                        <div class="timeBox clearfix">
                            <p class="text fl">
                                <span class="dib icon"></span>
                                <span class="dib time">编辑于2018年02月06日</span>
                            </p>
                            <p class="permission fr"><i class="fa fa-lock"></i>浏览权限</p>
                        </div>
                        <div class="main">
                            <a class="content db clearfix" href="javascript:void(0);">
                                <div class="fl pr coverPic">
                                    <img class="pic" src="https://cdnb.artstation.com/p/assets/images/images/001/670/365/smaller_square/wl-op-7m.jpg?1450505811" alt="">
                                    <div class="cover pa tac"><span class="living"></span></div>
                                    <span class="db tac pa"><i class="fa fa-video-camera"></i></span>
                                    <p class="pa time">直播时间：<span>20:20:20</span></p>
                                </div>
                                <div class="fl detail">
                                    <h2 class="title">标题标题标题标题标题</h2>
                                    <p class="text">简介简介简介简介简介简介简介简介简介</p>
                                </div>
                            </a>
                            <div class="marks clearfix">
                                <div class="fl">
                                    <i class="fa fa-tag"></i>
                                    <span>#tag1</span>
                                    <span>#tag2</span>
                                    <span>#tag3</span>
                                </div>
                                <div class="fr">
                                    <a class="delete" href="javascript:void(0);">删除</a>
                                    <a class="editor" href="javascript:void(0);">编辑</a>
                                    <a class="post" href="javascript:void(0);">发布</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page tac">
                        <ul class="pageList pr clearfix">
                            <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                            <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                            <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                            <li><a href="javascript:void(0);">2</a></li>
                            <li><a href="javascript:void(0);">3</a></li>
                            <li><a href="javascript:void(0);">...</a></li>
                            <li class="text"><a href="javascript:void(0);">下一页</a></li>
                            <li class="text"><a href="javascript:void(0);">尾页</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="postBox">
                <!--编辑文本-->
                <div class="S-txt br5 border1 dn">
                    <div class="titleBox clearfix">
                        <p class="text fl">文本</p>
                        <a class="fr close" href="javascript:void(0);"><i class="fa fa-close"></i></a>
                    </div>
                    <div class="textarea">
                        <textarea placeholder="写点什么吧，比如吐槽此时的心情~~"></textarea>
                    </div>
                    <div class="timingPost">
                        <p class="text dib">定时发布时间</p>
                        <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                            <p class="timeChoosed fl" contenteditable="false">2018/02/05</p>
                            <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                        </div>
                        <div class="detailTime dib border1 br5 tac" contenteditable="true">14</div>
                        <div class="txt dib">时</div>
                        <div class="detailTime dib border1 br5 tac" contenteditable="true">20</div>
                        <div class="txt dib">分</div>
                    </div>
                    <div class="selectBox tar">
                        <div class="authorization tal dib br5 pr border1">
                            <div class="choosed clearfix">
                                <div class="fl tac text"><a href="javascript:void(0);">浏览权限</a></div>
                                <div class="fl icon tac">
                                    <i class="fa fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="pr select">
                                <span class="pa triangle"></span>
                                <ul>
                                    <li><a href="javascript:void(0);">仅支持者</a></li>
                                    <li><a href="javascript:void(0);">免费公开</a></li>
                                    <li><a href="javascript:void(0);">3天后免费公开</a></li>
                                    <li><a href="javascript:void(0);">3天后免费公开</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="postSetting tal dib br5 pr">
                            <div class="choosed clearfix">
                                <div class="fl tac text"><a href="javascript:void(0);">发布</a></div>
                                <div class="fl icon tac">
                                    <i class="fa fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="pr select">
                                <span class="pa triangle"></span>
                                <ul>
                                    <li><a href="javascript:void(0);">现在发布</a></li>
                                    <li><a href="javascript:void(0);">定时发布</a></li>
                                    <li><a href="javascript:void(0);">保存到草稿箱</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--发表图片-->
                <div class="S-picture br5 border1 dn">
                    <div class="titleBox clearfix">
                        <p class="text fl">图片</p>
                        <a class="fr close" href="javascript:void(0);"><i class="fa fa-close"></i></a>
                    </div>
                    <div class="mainContent">
                        <div class="uploadPic">
                            <!--添加图片-->
                            <div class="addPic tac dn">
                                <a class="db pr" href="javascript:void(0);">
                                    <div class="icon"></div>
                                    <p class="text">添加一张图片</p>
                                    <input type="file" class="pa">
                                </a>
                            </div>
                            <!--继续添加-->
                            <div class="addMore d n">
                                <div class="picList clearfix">
                                    <div class="item fl pr">
                                        <span class="delIcon pa"><i class="fa fa-trash"></i></span>
                                        <div class="uploaded" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/189/890/20180202114816/smaller_square/masahiro-sawada-gate-base.jpg?1517593697')"></div>
                                    </div>
                                    <div class="item fl pr">
                                        <span class="delIcon pa"><i class="fa fa-trash"></i></span>
                                        <div class="uploaded" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/009/189/890/20180202114816/smaller_square/masahiro-sawada-gate-base.jpg?1517593697')"></div>
                                    </div>
                                    <div class="item fl pr">
                                        <span class="delIcon pa"><i class="fa fa-trash"></i></span>
                                        <div class="uploading pa" style="background-image:url('https://wx4.sinaimg.cn/mw690/005Ex99Lly1fnub5iply6j30dp09rdge.jpg')">
                                            <div class="cover pa"></div>
                                            <div class="progressBox br5 pr">
                                                <div class="progress br5 transition pa"></div>
                                            </div>
                                            <p class="uploadedNum tac pr">20%</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="moreBtn tac">
                                    <a class="db pr" href="javascript:void(0);">
                                        <i class="fa fa-plus"></i>
                                        <span>继续添加</span>
                                        <input type="file" class="pa">
                                    </a>
                                </div>
                            </div>
                            <div class="tip">注：上传优质的封面图片，更容易让你的作品赢得掌声哦~</div>
                        </div>
                        <!--图片描述-->
                        <div class="picDescribe">
                            <div class="picTitle pr">
                                <input type="text" placeholder="请填写图片标题">
                                <span class="pa tips"><i>0</i>/32</span>
                            </div>
                            <div class="describeBox pr">
                                <textarea placeholder="请输入图片描述"></textarea>
                                <span class="pa tips"><i>0</i>/500</span>
                            </div>
                        </div>
                        <!--上传封面-->
                        <div class="workCover">
                            <div class="selectClassify pr">
                                <span>*</span>
                                <a href="javascript:void(0);" class="selectedBox border1 br5 dib clearfix">
                                    <div class="selectedShow tac fl">选择图片类型</div>
                                    <div class="selectIcon fr"><span></span></div>
                                </a>
                                <div class="selectionBox br5 pa">
                                    <div class="singleSlect">
                                        <label><input type="radio" name="classify" checked>原创</label>
                                        <label><input type="radio" name="classify">转载</label>
                                    </div>
                                    <div class="navBox tac clearfix">
                                        <div class="mainNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">数字2D</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字3D</a></li>
                                                <li class="item"><a href="javascript:void(0);">影视后期</a></li>
                                                <li class="item"><a href="javascript:void(0);">传统美术</a></li>
                                                <li class="item"><a href="javascript:void(0);">素材</a></li>
                                                <li class="item"><a href="javascript:void(0);">其他</a></li>
                                            </ul>
                                        </div>
                                        <div class="subNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">平面</a></li>
                                                <li class="item"><a href="javascript:void(0);">UI设计</a></li>
                                                <li class="item"><a href="javascript:void(0);">原画</a></li>
                                                <li class="item"><a href="javascript:void(0);">插画</a></li>
                                                <li class="item"><a href="javascript:void(0);">2D动画</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字绘景</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="uploadWorkCover">
                                <p class="text"><span>*</span>上传图片封面：</p>
                                <div class="uploadcoverBox br5 pr">
                                    <!--未上传-->
                                    <div class="unUpload dn">
                                        <a class="db pr tac" href="javascript:void(0);">
                                            <span class="icon dib"></span>
                                            <p class="tip">请上传封面</p>
                                            <p>（尺寸不超过：240*135）</p>
                                            <input type="file" class="pa">
                                        </a>
                                    </div>
                                    <!--已上传-->
                                    <div class="uploaded">
                                        <div class="workPicCover" style="background-image:url('http://img.yxs.shenyecg.com/Image/ubvNxkRcHS840Krbq4ORbdTLCrnCKNam/yGCQyyJDza.jpg')"></div>
                                        <a class="pa tac renewBtn" href="javascript:void(0);">
                                            重新上传
                                            <input type="file" class="pa">
                                        </a>
                                    </div>
                                    <!--loading-->
                                    <div class="loading tac">
                                        <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bottomContent">
                        <div class="content br5">
                            <div class="theme">
                                <div class="inputBox clearfix">
                                    <div class="dib fl themeIcon"></div>
                                    <div class="dib fl iunptTheme">
                                        <div id="wordTags"></div>
                                        <input id="wordInput" type="text" placeholder="(选择或添加新主题)">
                                        <input id="wordHiddenInput" type="hidden">
                                    </div>
                                </div>
                                <div class="themeBox">
                                    <a class="dib tac" href="javascript:void(0);">主题1</a>
                                    <a class="dib tac" href="javascript:void(0);">主题2</a>
                                    <a class="dib tac" href="javascript:void(0);">主题3</a>
                                </div>
                            </div>
                            <div class="tags">
                                <div class="inputBox clearfix">
                                    <div class="dib fl tagsIcon"><i class="fa fa-tag"></i></div>
                                    <div class="dib fl iunptTag">
                                        <input type="text" placeholder="(最多6个标签 按空格创建)  添加标签可以把作品自动推荐给可能感兴趣的人">
                                    </div>
                                </div>
                                <div class="tagBox">
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                </div>
                            </div>
                        </div>
                        <div class="main_attachment">
                            <div class="upload dib">
                                <a href="javascript:void(0);" class="pr">
                                    <i class="fa fa-paperclip fa-rotate-90"></i>
                                    添加附件（最大<span>xx</span>）
                                    <input type="file">
                                </a>
                            </div>
                            <div class="uploaded br5 dib pr">
                                <a class="pa" href="javascript:void(0);"><i class="fa fa-trash "></i></a>
                                <div class="fileIcon dib rar"></div>
                                <div class="fileMsg dib">
                                    <p class="fileName toe">压缩包.rar</p>
                                    <p class="detail">
                                        <span class="size">20.23MB</span>
                                        <span class="tips">上传完成</span>
                                    </p>
                                </div>
                            </div>
                            <div class="uploading br5 dib">
                                <div class="fileIcon dib zip"></div>
                                <div class="fileMsg dib">
                                    <p class="fileName toe">压缩包.rar</p>
                                    <div class="uploadProgress">
                                        <div class="pr progress br5 border1 dib">
                                            <div class="pa progressing br5"></div>
                                        </div>
                                        <p class="info dib">
                                            <span class="finised">20%</span>
                                            <span class="extraTimes">剩余时间<i class="time">00:00:54</i></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timingPost">
                            <p class="text dib">定时发布时间</p>
                            <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                <p class="timeChoosed fl" contenteditable="true">2018/02/05</p>
                                <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                            </div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">14</div>
                            <div class="txt dib">时</div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">20</div>
                            <div class="txt dib">分</div>
                        </div>
                        <div class="selectBox tar">
                            <div class="preView tac dib br5 border1">
                                <a class="db" href="javascript:void(0);">预览</a>
                            </div>
                            <div class="authorization tal dib br5 pr border1">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">浏览权限</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">仅支持者</a></li>
                                        <li><a href="javascript:void(0);">免费公开</a></li>
                                        <li><a href="javascript:void(0);">3天后免费公开</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="postSetting tal dib br5 pr">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">发布</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">现在发布</a></li>
                                        <li><a href="javascript:void(0);">定时发布</a></li>
                                        <li><a href="javascript:void(0);">保存到草稿箱</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--发布视频-->
                <div class="S-video br5 border1 dn">
                    <div class="main_toolbar pf clearfix">
                        <div class="main_toolbar_inner">
                            <div class="fr">
                                <a href="javascript:void(0);" class="btn_a">保存</a>
                                <a href="javascript:void(0);" class="btn_a">预览</a>
                                <a href="javascript:void(0);" class="btn_b transition">下一步</a>
                            </div>
                            <div class="pos fl">
                                <ul class="dib clearfix">
                                    <li class="row">
                                        <ul class="clearfix" style="border-left: 0;">
                                            <li class=""><a href="javascript:void(0);" data-role='bold' title="加粗" class="S_icon icon_bold"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='italic' title="斜体" class="S_icon icon_italic"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='strikeThrough' title="删除线" class="S_icon icon_linethrough"><i></i></a></li>
                                            <li class="more">
                                                <a href="javascript:void(0);" title="应用颜色" class="ico"><i class="S_icon icon_color" style="border-bottom:3px solid #333333;"></i></a>
                                                <a href="javascript:void(0);" title="选择颜色" class="opt"><i class="S_icon fa fa-caret-down"></i></a>
                                                <div class="S_layer dn pa">
                                                    <div class="content pr">
                                                        <div class="layer_color">
                                                            <h2><span><i style="background: #333;"></i></span>去除颜色</h2>
                                                            <div>
                                                                <h3>标准色</h3>
                                                                <ul class="clearfix">
                                                                    <li><a href="javascript:void(0);"><i style="background:#717071"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#c9c9c9"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#ff8a78"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#fec467"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#7cd7a3"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#5bc9ea"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#c893eb"></i></a></li>
                                                                </ul>
                                                                <h3>主题颜色</h3>
                                                                <ul class="clearfix" style="height:auto;">
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#333333"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#717071"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#b5b5b5"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#808080"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#c9c9c9"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#e3e3e3"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#d24a35"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#ff8a78"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#ffc3b9"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#d49225"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#fec467"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#fee0b1"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#42ac6f"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#7cd7a3"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#bbeacf"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#1f9dc4"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#5bc9ea"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#aae3f4"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#9053b9"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#c893eb"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#e2c7f4"></i></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="more2">
                                                <a href="javascript:void(0);" title="选择字号" class="S_select"><span>正文</span><i class="S_icon fa fa-caret-down pa"></i></a>
                                                <div class="layer_menu_list dn pa">
                                                    <ul style="height:auto;">
                                                        <li style="font-size:26px"><a href="javascript:void(0);">大标题</a></li>
                                                        <li style="font-size:22px"><a href="javascript:void(0);">小标题</a></li>
                                                        <li style="font-size:16px"><a href="javascript:void(0);">正文</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" data-role='insertOrderedList' title="有序列表" class="S_icon icon_ol"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='insertUnorderedList' title="无序列表" class="S_icon icon_ul"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class="curr"><a href="javascript:void(0);" data-role='justifyLeft' title="居左" class="S_icon icon_tl"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='justifyCenter' title="居中" class="S_icon icon_tc"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='justifyRight' title="居右" class="S_icon icon_tr"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" title="引用" class="S_icon icon_blockquote"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" title="分割线" class="S_icon icon_line"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix" style="overflow:hidden">
                                            <li class=""><a href="javascript:void(0);" title="插入图片" class="S_icon icon_image"><i><input type="file"></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入视频" class="S_icon icon_video"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" title="插入链接" class="S_icon icon_link"><i></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入商品" class="S_icon icon_commodity"><i></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入电影" class="S_icon icon_filmreview"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" title="全屏编辑" class="S_icon icon_maxwin"><i></i></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="titleBox clearfix">
                        <p class="text fl">视频</p>
                        <a class="fr close" href="javascript:void(0);"><i class="fa fa-close"></i></a>
                    </div>
                    <div class="mainContent">
                        <div class="uploadCover">
                            <div class="choosedCover pr">
                                <img src="https://wx4.sinaimg.cn/mw1024/006dAuLSly1fo5m38j5cbj30hs0hn0u2.jpg" alt="">
                                <div class="uploading tac pa"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                            </div>
                            <div class="chooseCover clearfix">
                                <div class="dib fl upload tac">
                                    <a href="javascript:void(0);" class="db pr">
                                        <img src="img/editor/addPic.png" alt="">
                                        <p class="text">上传封面</p>
                                        <input type="file" class="pa">
                                    </a>
                                </div>
                                <div class="dib fl choose pr">
                                    <a class="db border1 br5 tac pa prev disable" href="javascript:void(0);"><i class="fa fa-angle-left"></i></a>
                                    <a class="db border1 br5 tac pa next" href="javascript:void(0);"><i class="fa fa-angle-right"></i></a>
                                    <div class="slideBox pr clearfix">
                                        <div class="slide pr fl">
                                            <div class="item fl pr">
                                                <div class="cover pa tac"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/215/386/smaller_square/nicolas-morlet-fennel-final.jpg?1517758951" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdnb.artstation.com/p/assets/images/images/009/228/209/smaller_square/alexandr-liashevych-screenshot000.jpg?1517826196" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/227/686/20180205032815/smaller_square/ana-cordeiro-unicorn.jpg?1517822895" alt="">
                                            </div>
                                        </div>
                                        <div class="slide pr fl">
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdnb.artstation.com/p/assets/images/images/009/177/259/20180201162310/smaller_square/andrey-ivanov-22829601-2050100958609035-7542325546546429437-o.jpg?1517523790" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/147/700/smaller_square/piper-thibodeau-dp1894-s.jpg?1517385493" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/070/292/smaller_square/indah-siregar-batuganasmall.jpg?1516949804" alt="">
                                            </div>
                                        </div>
                                        <div class="slide pr fl">
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/215/386/smaller_square/nicolas-morlet-fennel-final.jpg?1517758951" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdnb.artstation.com/p/assets/images/images/009/228/209/smaller_square/alexandr-liashevych-screenshot000.jpg?1517826196" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/227/686/20180205032815/smaller_square/ana-cordeiro-unicorn.jpg?1517822895" alt="">
                                            </div>
                                        </div>
                                        <div class="slide pr fl">
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdnb.artstation.com/p/assets/images/images/009/177/259/20180201162310/smaller_square/andrey-ivanov-22829601-2050100958609035-7542325546546429437-o.jpg?1517523790" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/147/700/smaller_square/piper-thibodeau-dp1894-s.jpg?1517385493" alt="">
                                            </div>
                                            <div class="item fl pr">
                                                <div class="cover pa tac dn"><i class="fa fa-check"></i></div>
                                                <img src="https://cdna.artstation.com/p/assets/images/images/009/070/292/smaller_square/indah-siregar-batuganasmall.jpg?1516949804" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tip">注：上传优质的封面图片，更容易让你的作品赢得掌声哦~</div>
                        </div>
                        <!--视频描述-->
                        <div class="picDescribe">
                            <div class="picTitle pr">
                                <input type="text" placeholder="请填写视频标题" onfocus="this.placeholder=''" onblur="this.placeholder='请填写视频标题'" maxlength="32">
                                <span class="pa tips"><em>0</em>/32</span>
                            </div>
                            <div class="introduce pr">
                                <input type="text" placeholder="请填写导语（选填）" onfocus="this.placeholder=''" onblur="this.placeholder='请填写导语（选填）'" maxlength="500">
                                <span class="pa tips"><em>0</em>/500</span>
                            </div>
                            <div class="describeBox">
                                <div class="editor placeholder" contenteditable="true">
                                    <p>&#8203;</p>
                                </div>
                            </div>
                        </div>
                        <!--添加分类-->
                        <div class="workCover">
                            <div class="selectClassify pr">
                                <span>*</span>
                                <a href="javascript:void(0);" class="selectedBox border1 br5 dib clearfix">
                                    <div class="selectedShow tac fl">选择图片类型</div>
                                    <div class="selectIcon fr"><span></span></div>
                                </a>
                                <div class="selectionBox br5 pa">
                                    <div class="singleSlect">
                                        <label><input type="radio" name="classify" checked>原创</label>
                                        <label><input type="radio" name="classify">转载</label>
                                    </div>
                                    <div class="navBox tac clearfix">
                                        <div class="mainNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">数字2D</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字3D</a></li>
                                                <li class="item"><a href="javascript:void(0);">影视后期</a></li>
                                                <li class="item"><a href="javascript:void(0);">环境艺术</a></li>
                                                <li class="item"><a href="javascript:void(0);">传统美术</a></li>
                                                <li class="item"><a href="javascript:void(0);">素材</a></li>
                                                <li class="item"><a href="javascript:void(0);">其他</a></li>
                                            </ul>
                                        </div>
                                        <div class="subNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">平面</a></li>
                                                <li class="item"><a href="javascript:void(0);">UI设计</a></li>
                                                <li class="item"><a href="javascript:void(0);">原画</a></li>
                                                <li class="item"><a href="javascript:void(0);">插画</a></li>
                                                <li class="item"><a href="javascript:void(0);">2D动画</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字绘景</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bottomContent">
                        <div class="content br5">
                            <div class="theme">
                                <div class="inputBox clearfix">
                                    <div class="dib fl themeIcon"></div>
                                    <div class="dib fl iunptTheme">
                                        <div id="wordTags"></div>
                                        <input id="wordInput" type="text" placeholder="(选择或添加新主题)">
                                        <input id="wordHiddenInput" type="hidden">
                                    </div>
                                </div>
                                <div class="themeBox">
                                    <a class="dib tac" href="javascript:void(0);">主题1</a>
                                    <a class="dib tac" href="javascript:void(0);">主题2</a>
                                    <a class="dib tac" href="javascript:void(0);">主题3</a>
                                </div>
                            </div>
                            <div class="tags">
                                <div class="inputBox clearfix">
                                    <div class="dib fl tagsIcon"><i class="fa fa-tag"></i></div>
                                    <div class="dib fl iunptTag">
                                        <input type="text" placeholder="(最多6个标签 按空格创建)  添加标签可以把作品自动推荐给可能感兴趣的人">
                                    </div>
                                </div>
                                <div class="tagBox">
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                </div>
                            </div>
                        </div>
                        <div class="main_attachment">
                            <div class="upload dib">
                                <a href="javascript:void(0);" class="pr">
                                    <i class="fa fa-paperclip fa-rotate-90"></i>
                                    添加附件（最大<span>xx</span>）
                                    <input type="file">
                                </a>
                            </div>
                            <div class="uploaded br5 dib pr">
                                <a class="pa" href="javascript:void(0);"><i class="fa fa-trash "></i></a>
                                <div class="fileIcon dib rar"></div>
                                <div class="fileMsg dib">
                                    <p class="fileName toe">压缩包.rar</p>
                                    <p class="detail">
                                        <span class="size">20.23MB</span>
                                        <span class="tips">上传完成</span>
                                    </p>
                                </div>
                            </div>
                            <div class="uploading br5 dib">
                                <div class="fileIcon dib zip"></div>
                                <div class="fileMsg dib">
                                    <p class="fileName toe">压缩包.rar</p>
                                    <div class="uploadProgress">
                                        <div class="pr progress br5 border1 dib">
                                            <div class="pa progressing br5"></div>
                                        </div>
                                        <p class="info dib">
                                            <span class="finised">20%</span>
                                            <span class="extraTimes">剩余时间<i class="time">00:00:54</i></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timingPost">
                            <p class="text dib">定时发布时间</p>
                            <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                <p class="timeChoosed fl" contenteditable="true">2018/02/05</p>
                                <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                            </div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">14</div>
                            <div class="txt dib">时</div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">20</div>
                            <div class="txt dib">分</div>
                        </div>
                        <div class="selectBox tar">
                            <div class="authorization tal dib br5 pr border1">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">浏览权限</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">仅支持者</a></li>
                                        <li><a href="javascript:void(0);">免费公开</a></li>
                                        <li><a href="javascript:void(0);">3天后免费公开</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="postSetting tal dib br5 pr">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">发布</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">现在发布</a></li>
                                        <li><a href="javascript:void(0);">定时发布</a></li>
                                        <li><a href="javascript:void(0);">保存到草稿箱</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--视频管理-->
                <div class="S-videoControl br5 border1 dn">
                    <div class="titleBox">
                        <p class="text">视频管理</p>
                    </div>
                    <div class="content">
                        <div class="nav clearfix">
                            <ul class="fl">
                                <li class="dib active"><a href="javascript:void(0);">全部视频<span>(23)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">待发布<span>(5)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">发布失败<span>(5)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">已发布<span>(5)</span></a></li>
                            </ul>
                            <a class="db tac transition br5 fr" href="UploadVideo.html" target="_blank">上传视频</a>
                        </div>
                        <div class="main">
                            <div class="topBox clearfix">
                                <label class="selectAll fl">
                                    <input type="checkbox">全选
                                </label>
                                <a class="del fl dib br5 border1 tac transition" href="javascript:void(0);">
                                    <i class="fa fa-trash"></i>删除
                                </a>
                            </div>
                            <div class="videoList">
                                <div class="topBar clearfix">
                                    <p class="fl">视频文件</p>
                                    <p class="fr">
                                        <span>状态</span>
                                        <span>操作</span>
                                    </p>
                                </div>
                                <div class="itemList">
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt ing">
                                                    <span class="icons"></span>
                                                    <span class="text">上传中</span>
                                                </a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db unControl">不可操作</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac dn"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt pass">
                                                    <span class="icons"></span>
                                                    <span class="text">审核通过</span>
                                                </a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db post">发布</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt trans">
                                                    <span class="icons"></span>
                                                    <span class="text">转码中</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt fail">
                                                    <span class="icons"></span>
                                                    <span class="text">上传失败</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt posted">
                                                    <span class="text">已发布</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db editor">编辑</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="videoFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib videoPic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt shield">
                                                    <span class="text">已屏蔽</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--空内容提示-->
                                    <div class="emptyInfo tac">
                                        <div class="icon noVideo"></div>
                                        <P class="text">您没有发布视频哦~</P>
                                    </div>
                                    <!--加载中-->
                                    <div class="loading tac"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--直播管理-->
                <div class="S-liveControl br5 border1 dn">
                    <div class="titleBox">
                        <p class="text">直播管理</p>
                    </div>
                    <div class="content">
                        <div class="nav clearfix">
                            <ul class="fl">
                                <li class="dib active"><a href="javascript:void(0);">全部视频<span>(23)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">待发布<span>(5)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">发布失败<span>(5)</span></a></li>
                                <li class="dib"><a href="javascript:void(0);">已发布<span>(5)</span></a></li>
                            </ul>
                            <a class="db tac transition br5 fr" href="javascript:void(0);">上传视频</a>
                        </div>
                        <div class="main">
                            <div class="topBox clearfix">
                                <label class="selectAll fl">
                                    <input type="checkbox">全选
                                </label>
                                <a class="del fl dib br5 border1 tac transition" href="javascript:void(0);">
                                    <i class="fa fa-trash"></i>删除
                                </a>
                            </div>
                            <div class="liveList">
                                <div class="topBar clearfix">
                                    <p class="fl">视频文件</p>
                                    <p class="fr">
                                        <span>状态</span>
                                        <span>操作</span>
                                    </p>
                                </div>
                                <div class="itemList">
                                    <div class="item clearfix">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt ing">
                                                    <span class="icons"></span>
                                                    <span class="text">上传中</span>
                                                </a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db unControl">不可操作</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix living">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac dn"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt living">
                                                    <span class="icons"></span>
                                                    <span class="text">正在直播</span>
                                                </a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db post">发布</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt trans">
                                                    <span class="icons"></span>
                                                    <span class="text">等待直播</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt fail">
                                                    <span class="icons"></span>
                                                    <span class="text">上传失败</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt lived">
                                                    <span class="icons"></span>
                                                    <span class="text">已直播</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db editor">编辑</a>
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item clearfix">
                                        <div class="liveFile fl">
                                            <div class="dib check">
                                                <input type="checkbox">
                                            </div>
                                            <div class="dib livePic pr">
                                                <p class="pa tac totalTime">12:00:20</p>
                                                <div class="pa default tac"><i class="movie"></i></div>
                                                <img class="pic" src="https://cdna.artstation.com/p/assets/images/images/009/243/220/smaller_square/stefan-hansson-2018v05-2-value-study.jpg?1517896053" alt="">
                                            </div>
                                            <div class="dib msg">
                                                <p class="text">视频名称视频名称视频名称.mp4</p>
                                                <p class="time">2018-02-06</p>
                                            </div>
                                        </div>
                                        <div class="detail fr">
                                            <div class="status dib">
                                                <a href="javascript:void(0);" class="db txt shield">
                                                    <span class="text">已屏蔽</span>
                                                </a>
                                                <a href="javascript:void(0);" class="db checkDetail">查看详情</a>
                                            </div>
                                            <div class="operation dib">
                                                <a href="javascript:void(0);" class="db delete">删除</a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--空内容提示-->
                                    <div class="emptyInfo tac">
                                        <div class="icon nolive"></div>
                                        <P class="text">您没有发布直播哦~</P>
                                    </div>
                                    <!--加载中-->
                                    <div class="loading tac"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                                </div>
                            </div>
                            <div class="page tac">
                                <ul class="pageList pr clearfix">
                                    <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                    <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                    <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                    <li><a href="javascript:void(0);">2</a></li>
                                    <li><a href="javascript:void(0);">3</a></li>
                                    <li><a href="javascript:void(0);">...</a></li>
                                    <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                    <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--发布直播-->
                <div class="S-live br5 border1 dn">
                    <div class="main_toolbar pf clearfix">
                        <div class="main_toolbar_inner">
                            <div class="fr">
                                <a href="javascript:void(0);" class="btn_a">保存</a>
                                <a href="javascript:void(0);" class="btn_a">预览</a>
                                <a href="javascript:void(0);" class="btn_b transition">下一步</a>
                            </div>
                            <div class="pos fl">
                                <ul class="dib clearfix">
                                    <li class="row">
                                        <ul class="clearfix" style="border-left: 0;">
                                            <li class=""><a href="javascript:void(0);" data-role='bold' title="加粗" class="S_icon icon_bold"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='italic' title="斜体" class="S_icon icon_italic"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='strikeThrough' title="删除线" class="S_icon icon_linethrough"><i></i></a></li>
                                            <li class="more">
                                                <a href="javascript:void(0);" title="应用颜色" class="ico"><i class="S_icon icon_color" style="border-bottom:3px solid #333333;"></i></a>
                                                <a href="javascript:void(0);" title="选择颜色" class="opt"><i class="S_icon fa fa-caret-down"></i></a>
                                                <div class="S_layer dn pa">
                                                    <div class="content pr">
                                                        <div class="layer_color">
                                                            <h2><span><i style="background: #333;"></i></span>去除颜色</h2>
                                                            <div>
                                                                <h3>标准色</h3>
                                                                <ul class="clearfix">
                                                                    <li><a href="javascript:void(0);"><i style="background:#717071"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#c9c9c9"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#ff8a78"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#fec467"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#7cd7a3"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#5bc9ea"></i></a></li>
                                                                    <li><a href="javascript:void(0);"><i style="background:#c893eb"></i></a></li>
                                                                </ul>
                                                                <h3>主题颜色</h3>
                                                                <ul class="clearfix" style="height:auto;">
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#333333"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#717071"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#b5b5b5"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#808080"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#c9c9c9"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#e3e3e3"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#d24a35"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#ff8a78"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#ffc3b9"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#d49225"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#fec467"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#fee0b1"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#42ac6f"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#7cd7a3"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#bbeacf"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#1f9dc4"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#5bc9ea"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#aae3f4"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:void(0);"><i style="background:#9053b9"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#c893eb"></i></a>
                                                                        <a href="javascript:void(0);"><i style="background:#e2c7f4"></i></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="more2">
                                                <a href="javascript:void(0);" title="选择字号" class="S_select"><span>正文</span><i class="S_icon fa fa-caret-down pa"></i></a>
                                                <div class="layer_menu_list dn pa">
                                                    <ul style="height:auto;">
                                                        <li style="font-size:26px"><a href="javascript:void(0);">大标题</a></li>
                                                        <li style="font-size:22px"><a href="javascript:void(0);">小标题</a></li>
                                                        <li style="font-size:16px"><a href="javascript:void(0);">正文</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" data-role='insertOrderedList' title="有序列表" class="S_icon icon_ol"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='insertUnorderedList' title="无序列表" class="S_icon icon_ul"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class="curr"><a href="javascript:void(0);" data-role='justifyLeft' title="居左" class="S_icon icon_tl"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='justifyCenter' title="居中" class="S_icon icon_tc"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" data-role='justifyRight' title="居右" class="S_icon icon_tr"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" title="引用" class="S_icon icon_blockquote"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" title="分割线" class="S_icon icon_line"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix" style="overflow:hidden">
                                            <li class=""><a href="javascript:void(0);" title="插入图片" class="S_icon icon_image"><i><input type="file"></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入视频" class="S_icon icon_video"><i></i></a></li>
                                            <li class=""><a href="javascript:void(0);" title="插入链接" class="S_icon icon_link"><i></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入商品" class="S_icon icon_commodity"><i></i></a></li>
                                            <li class="dn"><a href="javascript:void(0);" title="插入电影" class="S_icon icon_filmreview"><i></i></a></li>
                                        </ul>
                                    </li>
                                    <li class="row">
                                        <ul class="clearfix">
                                            <li class=""><a href="javascript:void(0);" title="全屏编辑" class="S_icon icon_maxwin"><i></i></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="titleBox clearfix">
                        <p class="text fl">直播</p>
                        <a class="fr close" href="javascript:void(0);"><i class="fa fa-close"></i></a>
                    </div>
                    <div class="mainContent">
                        <div class="uploadPic pr">
                            <!--添加图片-->
                            <div class="addPic tac">
                                <a class="db pr" href="javascript:void(0);">
                                    <div class="icon"></div>
                                    <p class="text">添加一张图片</p>
                                    <p class="text">（如JPG,JEPG,PNG,或GIF）</p>
                                    <input type="file" class="pa">
                                </a>
                            </div>
                            <div class="coverPic pa d n">
                                <img class="dn" src="">
                                <div class="uploading tac pa d n"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
                            </div>
                            <a class="db tac pa renew" href="javascript:void(0);">
                                更换
                                <input type="file" class="pa">
                            </a>
                        </div>
                        <div class="tip">注：上传优质的封面图片，更容易让你的作品赢得掌声哦~</div>
                        <!--直播描述-->
                        <div class="picDescribe">
                            <div class="picTitle pr">
                                <input type="text" placeholder="请填写直播标题" onfocus="this.placeholder=''" onblur="this.placeholder='请填写直播标题'" maxlength="32">
                                <span class="pa tips"><i>0</i>/32</span>
                            </div>
                            <div class="introduce pr">
                                <input type="text" placeholder="请填写导语（选填）" onfocus="this.placeholder=''" onblur="this.placeholder='请填写导语（选填）'" maxlength="500">
                                <span class="pa tips"><em>0</em>/500</span>
                            </div>
                            <div class="describeBox pr">
                                <textarea placeholder="请输入正文" onfocus="this.placeholder=''" onblur="this.placeholder='请输入正文'" maxlength="1000"></textarea>
                                <span class="pa tips"><i>0</i>/1000</span>
                            </div>
                        </div>
                        <!--添加分类-->
                        <div class="workCover">
                            <div class="selectClassify pr">
                                <span>*</span>
                                <a href="javascript:void(0);" class="selectedBox border1 br5 dib clearfix">
                                    <div class="selectedShow tac fl">选择图片类型</div>
                                    <div class="selectIcon fr"><span></span></div>
                                </a>
                                <div class="selectionBox br5 pa">
                                    <div class="singleSlect">
                                        <label><input type="radio" name="classify" checked>原创</label>
                                        <label><input type="radio" name="classify">转载</label>
                                    </div>
                                    <div class="navBox tac clearfix">
                                        <div class="mainNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">数字2D</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字3D</a></li>
                                                <li class="item"><a href="javascript:void(0);">影视后期</a></li>
                                                <li class="item"><a href="javascript:void(0);">环境艺术</a></li>
                                                <li class="item"><a href="javascript:void(0);">传统美术</a></li>
                                                <li class="item"><a href="javascript:void(0);">素材</a></li>
                                                <li class="item"><a href="javascript:void(0);">其他</a></li>
                                            </ul>
                                        </div>
                                        <div class="subNavBox fl">
                                            <ul>
                                                <li class="item active"><a href="javascript:void(0);">平面</a></li>
                                                <li class="item"><a href="javascript:void(0);">UI设计</a></li>
                                                <li class="item"><a href="javascript:void(0);">原画</a></li>
                                                <li class="item"><a href="javascript:void(0);">插画</a></li>
                                                <li class="item"><a href="javascript:void(0);">2D动画</a></li>
                                                <li class="item"><a href="javascript:void(0);">数字绘景</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bottomContent">
                        <div class="content br5">
                            <div class="theme">
                                <div class="inputBox clearfix">
                                    <div class="dib fl themeIcon"></div>
                                    <div class="dib fl iunptTheme">
                                        <input type="text" placeholder="(选择或添加新主题)">
                                    </div>
                                </div>
                                <div class="themeBox">
                                    <a class="dib tac" href="javascript:void(0);">主题1</a>
                                    <a class="dib tac" href="javascript:void(0);">主题2</a>
                                    <a class="dib tac" href="javascript:void(0);">主题3</a>
                                </div>
                            </div>
                            <div class="tags">
                                <div class="inputBox clearfix">
                                    <div class="dib fl tagsIcon"><i class="fa fa-tag"></i></div>
                                    <div class="dib fl iunptTag">
                                        <input type="text" placeholder="(最多6个标签)">
                                    </div>
                                </div>
                                <div class="tagBox">
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                    <a class="dib tac" href="javascript:void(0);">tag1</a>
                                </div>
                            </div>
                            <div class="main_attachment pr">
                                <div class="upload dib">
                                    <a href="javascript:void(0);" class="pr">
                                        <i class="fa fa-paperclip fa-rotate-90"></i>
                                        添加附件（最大<span>1G</span>）
                                        <input class="uploadEnclosure" type="file">
                                    </a>
                                </div>
                            </div>
                            <div class="livePost">
                                <div class="dn">
                                    <p class="text dib">设置直播时间</p>
                                    <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                        <p class="timeChoosed fl" contenteditable="true">2018/02/05</p>
                                        <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                                    </div>
                                    <div class="detailTime dib border1 br5 tac" contenteditable="true">14</div>
                                    <div class="txt dib">时</div>
                                    <div class="detailTime dib border1 br5 tac" contenteditable="true">20</div>
                                    <div class="txt dib">分</div>
                                </div>
                                <div class="liveTips d n">
                                    <span class="txt dib">直播时间<i class="time">2018-02-05</i></span>
                                    <span class="tips dib">直播时间设定后不可更改</span>
                                </div>
                            </div>
                        </div>
                        <div class="timingPost">
                            <p class="text dib">设置发布时间</p>
                            <div class="calendar dib border1 br5 pr clearfix" id="calendar">
                                <p class="timeChoosed fl" contenteditable="true">2018/02/05</p>
                                <a href="javascript:void(0);" class="calendarIcon db fl"><i class="fa fa-calendar"></i></a>
                            </div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">14</div>
                            <div class="txt dib">时</div>
                            <div class="detailTime dib border1 br5 tac" contenteditable="true">20</div>
                            <div class="txt dib">分</div>
                        </div>
                        <div class="selectBox tar">
                            <div class="authorization tal dib br5 pr border1">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">浏览权限</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">仅支持者</a></li>
                                        <li><a href="javascript:void(0);">免费公开</a></li>
                                        <li><a href="javascript:void(0);">3天后免费公开</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="postSetting tal dib br5 pr">
                                <div class="choosed clearfix">
                                    <div class="fl tac text"><a href="javascript:void(0);">发布</a></div>
                                    <div class="fl icon tac">
                                        <i class="fa fa-angle-down"></i>
                                    </div>
                                </div>
                                <div class="pr select">
                                    <span class="pa triangle"></span>
                                    <ul>
                                        <li><a href="javascript:void(0);">现在发布</a></li>
                                        <li><a href="javascript:void(0);">定时发布</a></li>
                                        <li><a href="javascript:void(0);">保存到草稿箱</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/calendar.js"></script>
<script src="js/aspect.js"></script>
<script src="js/keyWord.js"></script>
<script src="js/post.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        //选择分类
        $(".mainContent .workCover .selectClassify .selectedBox").click(function () {
            $(this).siblings(".selectionBox").toggle();
        });
        $(".mainContent .workCover .selectClassify .mainNavBox .item").click(function () {
            $(this).parents(".selectionBox").addClass("spread");
        });

    })
</script>
</body>
</html>